;
(function () {
    let myChart = echarts.init(document.querySelector('.m1-1'))

    let option = {

        // 加水印
        graphic: [{
            type: 'text',
            top: '40%',
            left: '35%',
            style: {
                text: '523',
                fill: '#fff',
                color: '#fff',
                fontSize: 10,
                fontWeight: 'bold'
            }
        }, {
            type: 'text',
            top: '54%',
            left: '30%',
            style: {
                text: '占比64%',
                fill: '#A6A8B6',
                fontSize: 8,
                fontWeight: 'normal'
            }
        }, ],
        series: [{
            type: 'pie',
            //   radius: '50%',
            radius: [20, 30],
            label: {
                show: false
            },
            startAngle: 200,

            data: [{
                    value: 30,
                    itemStyle: {
                        color: '#333843'
                    }
                },
                {
                    value: 90,
                    itemStyle: {
                        color: '#6abaf2'
                    }
                },
            ]
        }]
    };

    myChart.setOption(option)
    window.addEventListener('resize', () => {
        myChart.resize()
    })
})()

;
(function () {
    let myChart = echarts.init(document.querySelector('.m1-2'))

    let option = {

        // 加水印
        graphic: [{
            type: 'text',
            top: '45%',
            left: '46%',
            style: {
                text: '298',
                fill: '#fff',
                color: '#fff',
                fontSize: 10,
                fontWeight: 'bold'
            }
        }, {
            type: 'text',
            top: '52%',
            left: '46.5%',
            style: {
                text: '占比36%',
                fill: '#A6A8B6',
                fontSize: 8,
                fontWeight: 'normal'
            }
        }, ],
        series: [{
            type: 'pie',
            //   radius: '50%',
            radius: [20, 30],
            label: {
                show: false
            },
            startAngle: 100,
            data: [{
                    value: 60,
                    itemStyle: {
                        color: '#333843'
                    }
                },
                {
                    value: 30,
                    itemStyle: {
                        color: '#cdba00'
                    }
                },
            ]
        }]
    };

    myChart.setOption(option)
    window.addEventListener('resize', () => {
        myChart.resize()
    })
})()

;
(function () {
    let myChart = echarts.init(document.querySelector('.m1-3'))

    let option = {

        // 加水印
        graphic: [{
            type: 'text',
            top: '45%',
            left: '46%',
            style: {
                text: '523',
                fill: '#fff',
                color: '#fff',
                fontSize: 10,
                fontWeight: 'bold'
            }
        }, {
            type: 'text',
            top: '52%',
            left: '46.5%',
            style: {
                text: '占比64%',
                fill: '#A6A8B6',
                fontSize: 8,
                fontWeight: 'normal'
            }
        }, ],
        series: [{
            type: 'pie',
            //   radius: '50%',
            radius: [20, 30],
            label: {
                show: false
            },
            startAngle: 200,
            data: [{
                    value: 30,
                    itemStyle: {
                        color: '#333843'
                    }
                },
                {
                    value: 90,
                    itemStyle: {
                        color: '#62c98d'
                    }
                },
            ]
        }]
    };

    myChart.setOption(option)
    window.addEventListener('resize', () => {
        myChart.resize()
    })
})()